<template>
	<view class="shop-car" @tap="navigateTo('/pages/shoppingCart/index')">
		<view class="icon-wrapper">
			<uni-icons type="cart" size="50" color="#0F4C97"></uni-icons>
		</view>
	</view>
</template>

<script lang="js">
import { navigateTo } from "@/utils/promise.js"
export default {
    data() {
        return {}
    },
    methods: {
        navigateTo,
    }
}
</script>

<style scoped>
.shop-car {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 100rpx;
	padding: 20rpx;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	z-index: 999;
}

.icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-2rpx);  /* 微调位置，视觉上更居中 */
}
</style>
